﻿<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title> Metro | Cart </title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Favicon -->
		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">  

        <!-- Normalize CSS --> 
        <link rel="stylesheet" href="/css/normalize.css">

        <!-- Main CSS --> 
        <link rel="stylesheet" href="/css/main.css">

        <!-- Bootstrap CSS --> 
        <link rel="stylesheet" href="/css/bootstrap.min.css">
		
		<!-- Animate CSS --> 
		<link rel="stylesheet" href="/css/animate.min.css">

		<!-- Font-awesome CSS-->
        <link rel="stylesheet" href="/css/font-awesome.min.css">
		
		<!-- Flaticon CSS-->
		<link rel="stylesheet" type="text/css" href="/css/font/flaticon.css">
		
		<!-- Owl Caousel CSS -->
		<link rel="stylesheet" href="/css/owl.carousel.css">
		<link rel="stylesheet" href="/css/owl.theme.css">
		<link rel="stylesheet" href="/css/owl.transitions.css">
		
		<!-- Main Menu CSS-->		
        <link rel="stylesheet" href="/css/meanmenu.min.css">

		<!-- Select2 CSS -->
		<link rel="stylesheet" href="/css/select2.min.css">
		
		<!-- Custom CSS -->
		<link rel="stylesheet" href="/css/style.css">

		<!-- Switch Style CSS -->
    	<link rel="stylesheet" href="/css/switch-style.css">
		
		<!-- Modernizr Js -->
        <script src="/js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>

         


    	<div class="wrapper-area">
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
	        <!-- Header Area Start Here -->
	        <header>
				<div class="header-area-style3" id="sticker">
					<div class="header-top">
						<div class="header-top-inner-top">
							<div class="container">
								<div class="row">
									<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
										<div class="header-contact">
											<ul>
												<li><i class="fa fa-phone" aria-hidden="true"></i><a href=""> + 123 456 7890</a></li>
												<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="#"> info@metro.com</a></li>
											</ul>
										</div>
									</div>
									<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
										<div class="account-wishlist">
											<ul>
												<li><a href="login-registration.html"><i class="fa fa-lock" aria-hidden="true"></i> Account</a></li>
												<li><a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i> Wishlist</a></li>
												<li><a href="#"><i class="fa fa-usd" aria-hidden="true"></i> USD</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="header-top-inner-bottom">
							<div class="container">
								<div class="row">                         
									<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
										<div class="logo-area">
											<a href="index.html"><img class="img-responsive" src="img/logo.png" alt="logo"></a>
										</div>
									</div>  
									<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
										<div class="search-area">
								            <div class="input-group" id="adv-search">
								                <input type="text" class="form-control" placeholder="Search Product" />
								                <div class="input-group-btn">
								                    <div class="btn-group" role="group">
								                        <div class="dropdown dropdown-lg">
								                            <button type="button" class="btn btn-metro dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span>All Categories</span><i class="fa fa-caret-up" aria-hidden="true"></i><i class="fa fa-caret-down" aria-hidden="true"></i></button>
								                            <div class="dropdown-menu dropdown-menu-right" role="menu">
								                            	<ul class="sidenav-nav">
																	<li><a href="#"><i class="flaticon-dress-1"></i>Women</a></li>
																	<li><a href="#"><i class="flaticon-polo"></i>Men</a></li>
																	<li><a href="#"><i class="flaticon-plug"></i>Electornics</a></li>
																	<li><a href="#"><i class="flaticon-necklace"></i>Jewellery</a></li>
																	<li><a href="#"><i class="flaticon-screen"></i>Computer</a></li>
																	<li><a href="#"><i class="flaticon-headphones"></i>Head Phone</a></li>
																	<li><a href="#"><i class="flaticon-transport"></i>Toys</a></li>
																	<li><a href="#"><i class="flaticon-fashion"></i>Shoes</a></li>
																	<li><a href="#"><i class="flaticon-dress"></i>Kid’s Wear</a></li>
																	<li><a href="#"><i class="flaticon-technology"></i>Mobile</a></li>
																</ul>
								                            </div>
								                        </div>
								                        <button type="button" class="btn btn-metro-search"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
								                    </div>
								                </div>
								            </div>
										</div>  
									</div>  
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
										<ul class="header-cart-area">
											<li>
												<div class="cart-area">
													<a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span>2</span></a>
													<ul>
														<li>
															<div class="cart-single-product">
																<div class="media">
																	<div class="pull-left cart-product-img">
																		<a href="#">
																			<img class="img-responsive" alt="product" src="img/best-seller/4.jpg">
																		</a>
																	</div>
																	<div class="media-body cart-content">
																		<ul>
																			<li>
																				<h1><a href="#">Product Title Here</a></h1>
																				<h2><span>Code:</span> STPT600</h2>
																			</li>
																			<li>
																				<p>X 1</p>
																			</li>
																			<li>
																				<p>$49</p>
																			</li>
																			<li>
																				<a class="trash" href="#"><i class="fa fa-trash-o"></i></a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</li>
														<li>
															<div class="cart-single-product">
																<div class="media">
																	<div class="pull-left cart-product-img">
																		<a href="#">
																			<img class="img-responsive" alt="product" src="img/best-seller/5.jpg">
																		</a>
																	</div>
																	<div class="media-body cart-content">
																		<ul>
																			<li>
																				<h1><a href="#">Product Title Here</a></h1>
																				<h2><span>Code:</span> STPT460</h2>
																			</li>
																			<li>
																				<p>X 1</p>
																			</li>
																			<li>
																				<p>$75</p>
																			</li>
																			<li>
																				<a class="trash" href="#"><i class="fa fa-trash-o"></i></a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</li>
														<li>
															<span><span>Sub Total</span></span><span>$124</span>
															<span><span>Discount</span></span><span>$30</span>
															<span><span>Vat(20%)</span></span><span>$18.8</span>
															<span><span>Sub Total</span></span><span>$112.8</span>
														</li>
														<li>
															<ul class="checkout">
																<li><a href="cart.html" class="btn-checkout"><i class="fa fa-shopping-cart" aria-hidden="true"></i>View Cart</a></li>
																<li><a href="check-out.html" class="btn-checkout"><i class="fa fa-share" aria-hidden="true"></i>Checkout</a></li>
															</ul>
														</li>
													</ul>
												</div>
											</li>
											<li>
												<div class="additional-menu-area" id="additional-menu-area">
													<div id="mySidenav" class="sidenav">
														<a href="#" class="closebtn">×</a>
														<div class="sidenav-search">
															<div class="input-group stylish-input-group">
											                    <input type="text" placeholder="Search Here . . ." class="form-control">
											                    <span class="input-group-addon">
											                        <button type="submit">
											                            <span class="glyphicon glyphicon-search"></span>
											                        </button>  
											                    </span>
											                </div>
														</div>
														<ul class="sidenav-login-registration">
															<li  data-toggle="collapse" data-target="#login" class="collapsed">
												              <a href="#">Login<span class="arrow"></span></a>
												            <div class="collapse" id="login">
																<div class="login-registration-field">
																    <form method="post">
																        <label>Username or email address *</label>
																        <input type="text">
																        <label>Password *</label>
																        <input type="password">
																        <button value="Login" type="submit" class="btn-side-nav disabled">Login</button>
																    </form>
																</div>
												            </div>
												        </li>
												            <li  data-toggle="collapse" data-target="#registration" class="collapsed">
												              <a href="#">Registration<span class="arrow"></span></a>
												            <div class="collapse" id="registration">
																<div class="login-registration-field">
																    <form method="post">
																    	<label>User Name*</label>
																        <input type="text">
																        <label>E-mail address *</label>
																        <input type="email">
																        <label>Password *</label>
																        <input type="password">
																        <button value="Login" type="submit" class="btn-side-nav disabled">Register</button>
																    </form>
																</div>
												            </div>
												        </li>
														</ul>
														<h3 class="ctg-name-title">Category Name List</h3>
														<ul class="sidenav-nav">
															<li><a href="shop1.html"><i class="flaticon-dress-1"></i>Women</a></li>
															<li><a href="shop2.html"><i class="flaticon-polo"></i>Men</a></li>
															<li><a href="shop3.html"><i class="flaticon-plug"></i>Electornics</a></li>
															<li><a href="shop4.html"><i class="flaticon-necklace"></i>Jewellery</a></li>
															<li><a href="shop5.html"><i class="flaticon-screen"></i>Computer</a></li>
															<li><a href="shop6.html"><i class="flaticon-headphones"></i>Head Phone</a></li>
															<li><a href="shop7.html"><i class="flaticon-transport"></i>Toys</a></li>
															<li><a href="shop1.html"><i class="flaticon-fashion"></i>Shoes</a></li>
															<li><a href="shop2.html"><i class="flaticon-dress"></i>Kid’s Wear</a></li>
															<li><a href="shop3.html"><i class="flaticon-technology"></i>Mobile</a></li>
														</ul><!-- times-->
													</div>
													<span class="side-menu-open side-menu-trigger"><i class="fa fa-bars" aria-hidden="true"></i></span>
												</div> 
											</li>
										</ul>
									</div> 
								</div>
							</div>
						</div>
					</div>
					<div class="header-bottom">
						<div class="container">
							<div class="row">                         
								<div class="col-lg-3 col-md-3 col-sm-4">
									<div class="logo-area">
										<a href="index.html"><img class="img-responsive" src="img/logo.png" alt="logo"></a>
									</div>
									<div class="category-menu-area" id="category-menu-area">
										<h2 class="category-menu-title"><a href="#"><i class="fa fa-bars" aria-hidden="true"></i></a>Categories</h2>
										<ul class="category-menu-area-inner">
											<li><a href="shop1.html"><i class="flaticon-dress-1"></i>Women<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Women Sub Title 1</a></li>
													<li><a href="#">Women Sub Title 2</a></li>
													<li><a href="#">Women Sub Title 3</a></li>
													<li><a href="#">Women Sub Title 4</a></li>
													<li><a href="#">Women Sub Title 5</a></li>
												</ul>
											</li>
											<li><a href="shop2.html"><i class="flaticon-polo"></i>Men<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Men Sub Title 1</a></li>
													<li><a href="#">Men Sub Title 2</a></li>
													<li><a href="#">Men Sub Title 3</a></li>
													<li><a href="#">Men Sub Title 4</a></li>
													<li><a href="#">Men Sub Title 5</a></li>
												</ul>
											</li>
											<li><a href="shop3.html"><i class="flaticon-plug"></i>Electornics<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Electornics Sub Title 1</a></li>
													<li><a href="#">Electornics Sub Title 2</a></li>
													<li><a href="#">Electornics Sub Title 3</a></li>
													<li><a href="#">Electornics Sub Title 4</a></li>
													<li><a href="#">Electornics Sub Title 5</a></li>
												</ul>
											</li>
											<li><a href="shop4.html"><i class="flaticon-necklace"></i>Jewellery<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Jewellery Sub Title 1</a></li>
													<li><a href="#">Jewellery Sub Title 2</a></li>
													<li><a href="#">Jewellery Sub Title 3</a></li>
													<li><a href="#">Jewellery Sub Title 4</a></li>
													<li><a href="#">Jewellery Sub Title 5</a></li>
												</ul>
											</li>
											<li><a href="shop5.html"><i class="flaticon-screen"></i>Computer<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Computer Sub Title 1</a></li>
													<li><a href="#">Computer Sub Title 2</a></li>
													<li><a href="#">Computer Sub Title 3</a></li>
													<li><a href="#">Computer Sub Title 4</a></li>
													<li><a href="#">Computer Sub Title 5</a></li>
												</ul>
											</li>
											<li><a href="shop6.html"><i class="flaticon-headphones"></i>Head Phone<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Head Phone Sub Title 1</a></li>
													<li><a href="#">Head Phone Sub Title 2</a></li>
													<li><a href="#">Head Phone Sub Title 3</a></li>
													<li><a href="#">Head Phone Sub Title 4</a></li>
													<li><a href="#">Head Phone Sub Title 5</a></li>
												</ul>
											</li>
											<li><a href="shop1.html"><i class="flaticon-transport"></i>Toys<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Toys Sub Title 1</a></li>
													<li><a href="#">Toys Sub Title 2</a></li>
													<li><a href="#">Toys Sub Title 3</a></li>
													<li><a href="#">Toys Sub Title 4</a></li>
													<li><a href="#">Toys Sub Title 5</a></li>
												</ul>
											</li>
											<li><a href="shop1.html"><i class="flaticon-fashion"></i>Shoes<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Shoes Sub Title 1</a></li>
													<li><a href="#">Shoes Sub Title 2</a></li>
													<li><a href="#">Shoes Sub Title 3</a></li>
													<li><a href="#">Shoes Sub Title 4</a></li>
													<li><a href="#">Shoes Sub Title 5</a></li>
												</ul>
											</li>
											<li><a href="shop1.html"><i class="flaticon-dress"></i>Kid’s Wear<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Kid’s Wear Sub Title 1</a></li>
													<li><a href="#">Kid’s Wear Sub Title 2</a></li>
													<li><a href="#">Kid’s Wear Sub Title 3</a></li>
													<li><a href="#">Kid’s Wear Sub Title 4</a></li>
													<li><a href="#">Kid’s Wear Sub Title 5</a></li>
												</ul>
											</li>
											<li><a href="shop1.html"><i class="flaticon-technology"></i>Mobile<span><i class="flaticon-next"></i></span></a>
												<ul class="dropdown-menu">
													<li><a href="#">Mobile Sub Title 1</a></li>
													<li><a href="#">Mobile Sub Title 2</a></li>
													<li><a href="#">Mobile Sub Title 3</a></li>
													<li><a href="#">Mobile Sub Title 4</a></li>
													<li><a href="#">Mobile Sub Title 5</a></li>
												</ul>
											</li>
										</ul>
									</div>
								</div> 
								<div class="col-lg-9 col-md-9 col-sm-8">
									<div class="main-menu-area">
										<nav>
											<ul>
												<li><a href="#">Home</a>
													<ul>
														<li><a href="index.html">Home 1</a></li>
														<li><a href="index2.html">Home 2</a></li>
														<li><a href="index3.html">Home 3</a></li>
														<li><a href="index4.html">Home 4</a></li>
													</ul>	
												</li>
												<li><a href="about.html">About</a></li>
												<li><a href="#">Blog</a>
													<ul>
														<li><a href="blog.html">Blog</a></li>
														<li><a href="single-blog.html">Single Blog</a></li>
													</ul>	
												</li>
												<li class="active"><a href="#">Pages</a>
													<ul class="mega-menu-area">
														<li>
															<a href="index.html">Home 1</a>
															<a href="index2.html">Home 2</a>
															<a href="index3.html">Home 3</a>
															<a href="index4.html">Home 4</a>
														</li>	
														<li>
															<a href="about.html">About Us</a>
															<a href="blog.html">Blog</a>
															<a href="single-blog.html">Single Blog 2</a>
															<a href="portfolio1.html">Portfolio 1</a>
														</li>	
														<li>
															<a href="portfolio2.html">Portfolio 2</a>
															<a href="wishlist.html">Wishlist</a>
															<a href="shop1.html">Shop 1</a>
															<a href="shop2.html">Shop 2</a>
														</li>
														<li>
															<a href="shop3.html">Shop 3</a>
															<a href="shop4.html">Shop 4</a>
															<a href="shop5.html">Shop 5</a>
															<a href="shop6.html">Shop 6</a>
														</li>
														<li>
															<a href="shop7.html">Shop 7</a>
															<a href="product-details1.html">Product Details 1</a>
															<a href="product-details2.html">Product Details 2</a>
															<a href="login-registration.html">Login Registration</a>
														</li>
														<li>
															<a class="active" href="cart.html">Cart</a>
															<a href="check-out.html">Check Out</a>
															<a href="404.html">404</a>
															<a href="contact.html">Contact</a>
														</li>	
													</ul>											
												</li> 
												<li><a href="contact.html">Contact</a></li>
											</ul>
										</nav>
									</div>
								</div> 
							</div> 
						</div>
						<!-- Mobile Menu Area Start Here -->
						<div class="mobile-menu-area">
							<div class="container">
								<div class="row">
									<div class="col-md-12">
										<div class="mobile-menu">
											<nav id="dropdown">
												<ul>
													<li class="active"><a href="#">Home</a>
														<ul>
															<li><a href="index.html">Home 1</a></li>
															<li><a href="index2.html">Home 2</a></li>
															<li><a href="index3.html">Home 3</a></li>
															<li><a href="index4.html">Home 4</a></li>	
														</ul>	
													</li>
													<li><a href="about.html">About</a></li>
													<li><a href="#">Blog</a>
														<ul>
															<li><a href="blog.html">Blog</a></li>
															<li><a href="single-blog.html">Single Blog</a></li>
														</ul>	
													</li>
													<li><a href="#">Portfolio</a>
														<ul>
															<li><a href="portfolio1.html">Portfolio 1</a></li>
															<li><a href="portfolio2.html">Portfolio 2</a></li>
														</ul>	
													</li>
													<li><a href="#">Shop</a>
														<ul>
															<li><a href="shop1.html">Shop 1</a></li>
															<li><a href="shop2.html">Shop 2</a></li>
															<li><a href="shop3.html">Shop 3</a></li>
															<li><a href="shop4.html">Shop 4</a></li>
															<li><a href="shop5.html">Shop 5</a></li>
															<li><a href="shop6.html">Shop 6</a></li>
															<li><a href="shop7.html">Shop 7</a></li>
															<li><a href="product-details1.html">Shop Details 1</a></li>
															<li><a href="product-details2.html">Shop Details 2</a></li>
														</ul>	
													</li>
													<li><a href="#">Pages</a>
														<ul>
															<li><a href="login-registration.html">Login Registration</a></li>
															<li><a href="cart.html">Cart</a></li>
															<li><a href="wishlist.html">Wishlist</a></li>
															<li><a href="check-out.html">Check Out</a></li>
															<li><a href="404.html">404</a></li>	
														</ul>											
													</li> 
													<li><a href="contact.html">Contact</a></li>
												</ul>
											</nav>
										</div>          
									</div>
								</div>
							</div>
						</div>
						<!-- Mobile Menu Area End Here -->
					</div>
				</div>
	        </header>
	        <!-- Header Area End Here -->
			<!-- Inner Page Banner Area Start Here -->
			<div class="inner-page-banner-area">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="pagination-area">
								<h2>Cart Page</h2>
								<ul>
									<li><a href="#">Home</a> /</li>
									<li>Cart</li>
								</ul>
							</div>
						</div>
					</div>
				</div>  
			</div> 
			<!-- Inner Page Banner Area End Here -->	
			<!-- Cart Page Area Start Here -->
			<div class="cart-page-area">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="cart-page-top table-responsive">
					            <table class="table table-hover">
					                <thead>
					                    <tr>
					                    	<td class="cart-form-heading"></td>
					                    	<td class="cart-form-heading">Product</td>
					                    	<td class="cart-form-heading">Price</td>
					                    	<td class="cart-form-heading">Quantity</td>
					                    	<td class="cart-form-heading">Total</td>
					                    	<td class="cart-form-heading"></td>
					                    </tr>
					                </thead>
					                <tbody id="quantity-holder">
					                    <tr>
					                    	<td class="cart-img-holder">
					                    		<a href="#"><img src="img/product/cart1.jpg" alt="cart" class="img-responsive"></a>
					                    	</td>
					                    	<td>
												<h3><a href="#">Product Title Name</a></h3>
					                    	</td>
					                    	<td class="amount">$59.00</td>
					                    	<td class="quantity">
					                    		<div class="input-group quantity-holder">
												    <input type="text" name='quantity' class="form-control quantity-input" value="1" placeholder="1">
												    <div class="input-group-btn-vertical">
													    <button class="btn btn-default quantity-plus" type="button"><i class="fa fa-plus" aria-hidden="true"></i></button>
													    <button class="btn btn-default quantity-minus" type="button"><i class="fa fa-minus" aria-hidden="true"></i></button>
												    </div>
												</div>
					                    	</td>
					                    	<td class="amount">$59.00</td>
					                    	<td class="dismiss"><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></td>
					                    </tr>
					                    <tr>
					                    	<td class="cart-img-holder">
					                    		<a href="#"><img src="img/product/cart2.jpg" alt="cart" class="img-responsive"></a>
					                    	</td>
					                    	<td>
												<h3><a href="#">Product Title Name</a></h3>
					                    	</td>
					                    	<td class="amount">$59.00</td>
					                    	<td class="quantity">
					                    		<div class="input-group quantity-holder">
												    <input type="text" name='quantity' class="form-control quantity-input" value="1" placeholder="1">
												    <div class="input-group-btn-vertical">
													    <button class="btn btn-default quantity-plus" type="button"><i class="fa fa-plus" aria-hidden="true"></i></button>
													    <button class="btn btn-default quantity-minus" type="button"><i class="fa fa-minus" aria-hidden="true"></i></button>
												    </div>
												</div>
					                    	</td>
					                    	<td class="amount">$59.00</td>
					                    	<td class="dismiss"><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></td>
					                    </tr>
					                </tbody>
					            </table>
								<div class="update-button">
									 <button class="btn-apply-coupon disabled" type="submit" value="Login">Update Cart</button>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
							<div class="cart-page-bottom-left">
								<h2>Coupon</h2>
								<form method="post">
							        <input type="text" id="coupon" name="coupon" placeholder="Enter your coupon code if you have one">
							        <button value="Coupon" type="submit" class="btn-apply-coupon disabled">Apply Coupon</button>
							    </form>
							</div>
						</div>
						<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
							<div class="cart-page-bottom-right">
								<h2>Total</h2>
								<h3>Subtotal<span>$ 118.00</span></h3>
								<h3>Total<span>$ 118.00</span></h3>
								<div class="proceed-button">
									 <button class="btn-apply-coupon disabled" type="submit" value="Login">Proceed To Checkout</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
	        <!-- Cart Page Area End Here -->
			<!-- Footer Area Start Here -->
	        <footer>
				<div class="footer-area">
					<div class="footer-area-top">
						<div class="container">
							<div class="row">
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>Information</h3>
										<ul class="info-list">
											<li><a href="about.html">About us</a></li>
											<li><a href="#">Customer Service</a></li>
											<li><a href="#">Manufacturers</a></li>
											<li><a href="#">Privacy policy</a></li>
											<li><a href="#">Terms & condition</a></li>
											<li><a href="blog.html">Blog</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>My Account</h3>
										<ul class="info-list">
											<li><a href="login-registration.html">My Account</a></li>
											<li><a href="login-registration.html">Login</a></li>
											<li><a href="wishlist.html">Order History</a></li>
											<li><a href="wishlist.html">Wish List</a></li>
											<li><a href="cart.html">View Cart</a></li>
											<li><a href="blog.html">Latest Post</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>Product Tag</h3>
										<ul class="tag-list">
											<li><a href="#">Winter</a></li>
											<li><a href="#">Fashion</a></li>
											<li><a href="#">Bag</a></li>
											<li><a href="#">Denime</a></li>
											<li><a href="#">Summer Style</a></li>
											<li><a href="#">Leather</a></li>
											<li><a href="#">Dress</a></li>
											<li><a href="#">Dress</a></li>
											<li><a href="#">Summer Style</a></li>
											<li><a href="#">Leather</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>Stay With Us</h3>
										<p>Tmply dummy text of the printing and typesetting industry nummy ever.</p>
										<ul class="footer-social">
											<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
										</ul>										
										<div class="newsletter-area">
											<h3>NewsLetter Sign Up!</h3>
											<div class="input-group stylish-input-group">
							                    <input type="text" class="form-control" placeholder="E-mail . . .">
							                    <span class="input-group-addon">
							                        <button type="submit">
							                            <i class="fa fa-chevron-right" aria-hidden="true"></i>
							                        </button>  
							                    </span>
							                </div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="footer-area-bottom">
						<div class="container">
							<div class="row">
								<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
									<p>© 2016 Metro All Rights <a href="http://www.bootstrapmb.com/">Reserved</a>. Designed by<a href="" target="_blank"> RadiusTheme</a></p>
								</div>
								<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
									<ul class="payment-method">
										<li><a href="#"><img src="img/payment-method1.jpg" alt="payment-method"></a></li>
										<li><a href="#"><img src="img/payment-method2.jpg" alt="payment-method"></a></li>
										<li><a href="#"><img src="img/payment-method3.jpg" alt="payment-method"></a></li>
										<li><a href="#"><img src="img/payment-method4.jpg" alt="payment-method"></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
	        </footer>
	        <!-- Footer Area End Here -->
		</div>
		<!-- Style Switch Start Here -->
		<link id="switch_style" href="#" rel="stylesheet" type="text/css">
		<div class="style-switch left" id="switch-style">
			<a id="toggle-switcher" class="switch-button" title="Change Styles">
				<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
			</a>
			<div class="switched-options">
				<div class="config-title">Style Switcher</div>      
				<ul class="list-unstyled styles">
					<li><a href="#" title="black" class="black color" id="black"></a></li>
					<li><a href="#" title="amber" class="amber color" id="amber"> </a></li>
					<li><a href="#" title="blue-grey" class="blue-grey color" id="blue-grey"> </a></li>
					<li><a href="#" title="blue" class="blue color" id="blue"> </a></li>
					<li><a href="#" title="cyan" class="cyan color" id="cyan"> </a></li>
					<li><a href="#" title="deep orange" class="deep-orange color" id="deep-orange"> </a></li>
					<li><a href="#" title="deep-purle" class="deep-purle color" id="deep-purle"> </a></li>
					<li><a href="#" title="green" class="green color" id="green"> </a></li>
					<li><a href="#" title="indigo" class="indigo color" id="indigo"> </a></li>
					<li><a href="#" title="light-blue" class="light-blue color" id="light-blue"> </a></li>
					<li><a href="#" title="light-green" class="light-green color" id="light-green"></a></li>
					<li><a href="#" title="lime" class="lime color" id="lime"></a></li>
					<li><a href="#" title="orange" class="orange color" id="orange"></a></li>
					<li><a href="#" title="palette" class="palette color" id="palette"></a></li>
					<li><a href="#" title="pink" class="pink color" id="pink"></a></li>
					<li><a href="#" title="purple" class="purple color" id="purple"></a></li>
					<li><a href="#" title="red" class="red color" id="red"></a></li>
					<li><a href="#" title="teal" class="teal color" id="teal"></a></li>
				</ul>
			</div>
		</div>
		<!-- Style Switch End Here -->
		<!-- Preloader Start Here -->
	    <div id="preloader"></div>
	    <!-- Preloader End Here -->
	    <!-- jquery-->	
        <script src="/js/vendor/jquery-2.2.4.min.js" type="text/javascript"></script>
        
		<!-- Bootstrap js -->
        <script src="/js/bootstrap.min.js" type="text/javascript"></script>

     	<!-- Owl Cauosel JS -->
		<script src="/js/owl.carousel.min.js" type="text/javascript"></script>
		
		<!-- Meanmenu Js -->
		<script src="/js/jquery.meanmenu.min.js" type="text/javascript"></script>

		<!-- WOW JS -->		
        <script src="/js/wow.min.js" type="text/javascript"></script>

		<!-- Plugins js -->
        <script src="/js/plugins.js" type="text/javascript"></script>

        <!-- Countdown js -->
        <script src="/js/jquery.countdown.min.js" type="text/javascript"></script>

		<!-- Srollup js -->
		<script src="/js/jquery.scrollUp.min.js" type="text/javascript"></script>

		<!-- Switch js -->
     	<script src="/js/switch-style.js" type="text/javascript"></script>
        
        <!-- Custom Js -->
        <script src="/js/main.js" type="text/javascript"></script>
 
    </body>
</html>
